﻿﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
		 <%@ taglib prefix="s" uri="/struts-tags" %>
		 <%@ taglib prefix="sec"
				uri="http://www.springframework.org/security/tags"%>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
        <script>
		 document.write("<link type='text/css' href='../demo/cn/zhijiang.css?version=" + new Date().getTime() + "' rel='stylesheet' />"); 
	</script>
    <title>枝江农村供水工程信息化平台</title>
    <!-- BOOTSTRAP CORE STYLE  -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME ICONS  -->
    <link href="../assets/css/font-awesome.css" rel="stylesheet" />
    <!-- CUSTOM STYLE  -->
    <link href="../assets/css/style.css" rel="stylesheet" />
     <!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    <!-- 树形菜单样式 -->
	  <link rel="stylesheet" href="../css/accordionMenu/style.css"  type="text/css" />
	  <link rel="stylesheet" href="../css/font-awesome.min.css"  type="text/css" />
	<script src="../demo/cn/jquery-1.7.1.min.js"></script>
	<script src="../demo/codebase/webVideoCtrl.js"></script>
	<script src="../demo/cn/zhijiang.js"></script>
	<!-- js  -->
	<!-- CONTENT-WRAPPER SECTION END-->
	<!-- FOOTER SECTION END-->
	<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
	<!-- CORE JQUERY SCRIPTS -->
	<script src="../assets/js/jquery-1.11.1.js"></script>
	<!-- BOOTSTRAP SCRIPTS  -->
	<script src="../assets/js/bootstrap.js"></script>
	<script src="../js/pipeline/pipeline.js"></script>
	<script src="../js/accordionMenu/index.js"></script>
	<script src="../js/index.js"></script>
	
	
</head>
<body>
   
    <div class="navbar navbar-inverse set-radius-zero">
        <div class="container">
            <div class="navbar-header">
              <%--   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">

                    <img src="assets/img/logo.png" />
                </a> --%>

            </div>

            <div class="left-div">
                <div class="user-settings-wrapper">
                    <ul class="nav">

                       <%--  <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                                <span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
                            </a>
                            <div class="dropdown-menu dropdown-settings">
                                <div class="media">
                                    <a class="media-left" href="#">
                                        <img src="assets/img/64-64.jpg" alt="" class="img-rounded" />
                                    </a>
                                    <div class="media-body">
                                        <h4 class="media-heading">Jhon Deo Alex </h4>
                                        <h5>Developer & Designer</h5>

                                    </div>
                                </div>
                                <hr />
                                <h5><strong>Personal Bio : </strong></h5>
                                Anim pariatur cliche reprehen derit.
                                <hr />
                                <a href="#" class="btn btn-info btn-sm">Full Profile</a>&nbsp; 
                                <a href="${pageContext.request.contextPath}/logout" class="btn btn-danger btn-sm">Logout</a>

                            </div>
                        </li> --%>


                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- LOGO HEADER END-->
    <section class="menu-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="navbar-collapse collapse ">
                        <ul id="menu-top" class="nav navbar-nav navbar-right">
                            <li><a href="../WaterWorksInit">管网分布</a></li>
                            <li><a href="../MonitorData/GetAllWaterPlant.action">运行监测</a></li>
                            <li><a href="table.html">工艺过程</a></li>
                            <li><a href="forms.html">厂区漫游</a></li>
                            <li><a href="../disposeAlert/disposeAlert.jsp">预警处置</a></li>
                             <li><a  class="menu-top-active" href="#">安全监视</a></li>
                             <li><a href="../User/UserInfoAction">系统管理</a></li>
                          <!--   <li><a href="blank.html">Blank Page</a></li> -->

                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- MENU SECTION END-->
    <div class="content-wrapper">
        <div class="container">
        <%-- <s:debug></s:debug> --%>
        <div class="row" id="content">
        	 <div class="col-md-2" id="leftContent">
                    <!-- <h4 class="page-head-line">树形菜单</h4> -->
					<!-- Contenedor -->
				<%-- 	<s:iterator value="map" id="column">
						<s:property value="#column.key" />
						<s:iterator value="#column.value" status="s">
							<tr>
								<s:if test="#s.first">
									<td rowspan="${total}"><s:property value="#column.key" />
									</td>
								</s:if>
								<td><s:property value="stationnum" />
								</td>
								<td><s:property value="positionname" />
								</td>
							</tr>
						</s:iterator>
					</s:iterator> --%>
					<ul id="accordion" class="accordion">
					<s:iterator value="map" id="column">
						<li>
							<div class="link">
							<%-- <s:if test="#column.value.size!=0">
								
									<i class="fa fa-paint-brush"></i>
										<s:property value="#column.key" />	
														
									<i class="fa fa-chevron-down" id="dropdownLink"></i>
								
							</s:if>						
							<s:else> --%>
								<i class="fa fa-paint-brush"></i>
								<a id ="test" href="#" value="<s:property value="#column.key" />"  class="waterPlantsLink"><s:property value="#column.key" />	</a>
							<%-- </s:else> --%>
							</div>
							<%-- <s:if test="#column.value.size!=0">
								<ul class="submenu">
									<s:iterator value="#column.value" status="s">
										<li>
											<a href="#">											
												<s:property value="positionname" />											
											</a>
										</li>	
									</s:iterator>							
								</ul>
							</s:if> --%>
							
							</li>
						</s:iterator>
						
						
					</ul>
				</div>
              <div class="col-md-10" id="rightContent">
                 <%--   <a id="leftRetractivLink">
 					<span>
                   	<li class="fa fa-chevron-left">
                   	</li>
                   	<li class="fa fa-chevron-left">
                   	</li>
                   </span>
                   </a> --%>
                    <ol class="breadcrumb page-head-line ">                                  
                        <li><a href="../index.jsp"><i class="fa fa-dashboard"></i> 首页 </a></li>
                        <li class="active">安全监视</li>
                    </ol>
 					<div class="left" >
<!--    <div style="position:absolute;left:0;top:0">test</div> -->

	<div id="divPlugin" class="plugin" style="display:inline" ></div>
	<div id="divPlugin2" class="plugin" style="display:inline "></div>
	<div style="display:inline"><img  hidden id="showControl" src="../demo/cn/img/expand.jpg" onclick="changeSize();"/></div>
		<div >
		<table cellpadding="0" cellspacing="3" border="0">
			<tr>
			<td>
		<img hidden id = "changeWindow" src="../demo/cn/img/SelArrangeWnd.png"  title="窗口切换" onclick="changeWndNum(2)" />
		<img  hidden id = "fullScreen" src="../demo/cn/img/FullScreen.png"  title="全屏" onclick="clickFullScreen()" />
		</td>
		</tr>
	</table>
		</div>
	</div>

	
	
<div class="left" >
	<fieldset class="ptz" id="ptzControl">
		<legend display="none">云台控制</legend>
		<table cellpadding="0" cellspacing="3" border="0" class="left" >
			<tr>
				<td><!-- 云台控制，依次是左上、上、右上 -->
				 <img id = "PTZupLeft" src="../demo/cn/img/left_up.png" title="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();"/>
				 <img id = "PTZup" src="../demo/cn/img/up.png" title="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();"  />
				<img id = "PTZupRight" src="../demo/cn/img/right_up.png" title="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();"/>
					
				</td>
			</tr>
			<tr> <!-- 云台控制，依次是左、自动、右 -->
				<td>
					<img id = "PTZleft" src="../demo/cn/img/left.png"  title="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
					<img  id = "PTZauto" src="../demo/cn/img/auto.png" title="自动" onclick="mouseDownPTZControl(9);" />
					<img id = "PTZright" src="../demo/cn/img/right.png" title="右"  onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
				</td>
			</tr>
			<tr> <!-- 云台控制，依次是左下、下、右下-->
				<td>
					<img id = "PTZdownLeft" src="../demo/cn/img/left_down.png"  title="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
					<img id = "PTZdown" src="../demo/cn/img/down.png" title="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
					<img id = "PTZdownRight" src="../demo/cn/img/right_down.png" title="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
				</td>
			</tr>
	
		
	<!-- 云台控制，依次是变倍-、变倍+、变焦-、变焦+、光圈-、光圈+ -->
       
            <tr>
				<td>
				<img id = "PTZzoomIn" src="../demo/cn/img/add.png" title="调焦+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()">
				<img id = "PTZzoom" src="../demo/cn/img/zoom.png" title="调焦" >
				<img id = "PTZzoomOut" src="../demo/cn/img/reduce.png" title="调焦-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()">
                
				</td>
                
            </tr>
            <tr>
                <td > 
				<img id = "PTZfocusIn" src="../demo/cn/img/add.png"  title="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()">
				<img id = "PTZfocus" src="../demo/cn/img/focus.png" title="变焦" >
				<img id = "PTZfocusOut" src="../demo/cn/img/reduce.png"  title="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()">
				
                </td>
            </tr>
            <tr>
                <td >
				<img id = "PTZirisIn" src="../demo/cn/img/add.png"  title="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()">
				<img id = "PTZiris" src="../demo/cn/img/iris.png" title="光圈" >
				<img  id = "PTZirisOut" src="../demo/cn/img/reduce.png" title="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()">
				
                </td>
            </tr>
        </table>
		
	</div>



	
 					
              </div>
            
        </div>
       </div>
    </div>
  
</body>
</html>
